<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/product.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/buy.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<div class="header">
				<div class="header-pic fl">
					<img src="../img/other/index-logo.PNG"/>
				</div>
				<div class="header-nav fl">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="../index.html#apparel">骑行</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#runner">跑步</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#casual">休闲</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#brand">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						
					</ul>
				</div>
				<div class="header-search fr">
					<input type="search">
					<!--<div class="header-search-box">-->
					<input type="button">
				</div>
				<div class="header-right fr">
					<ul>
						<a href="">
							<li>
								<img src="../img/other/header-pic1.png"/>
							</li>
						</a>
						<li id="header-login">
							<a href="../other/login.html">
								<img src="../img/other/header-pic2.png"/>
							</a>
							<div class="header-login-block">
								<ul>
									<li><a href="../other/login.html">登录</a></li>
									<li><a href="../personal/myorder.html">我的订单</a></li>
								</ul>
							</div>
						</li>
						<a href="">
							<li>
								<img src="../img/other/header-pic3.png"/>
							</li>
						</a>
						<a href="../other/leaguelogin.html">
							<li>
								<img src="../img/other/header-pic4.png"/>
							</li>
						</a>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			
			<!--内容-->
			<div class="buy-box">
				<div class="buy-head">
					<div class="buy-head-active buy-head-item">
						<div class="buy-head-item-left fl">
							<div class="buy-head-item-left-pic">
								<img src="../img/other/buy1-head-pic1.png"/>
							</div>
							<p>2016-10-09 19:10:00</p>
						</div>
						<div class="buy-head-item-right fl">
							<p>01</p>
							<p>我的购物车</p>
						</div>
					</div>
					
					<div class="buy-head-active buy-head-item">
						<div class="buy-head-item-left fl">
							<div class="buy-head-item-left-pic">
								<img src="../img/other/buy1-head-pic2.png"/>
							</div>
							<p>2016-10-09 19:10:00</p>
						</div>
						<div class="buy-head-item-right fl">
							<p>02</p>
							<p>填写核对订单</p>
						</div>
					</div>
					
					<div class="buy-head-active buy-head-item">
						<div class="buy-head-item-left fl">
							<div class="buy-head-item-left-pic">
								<img src="../img/other/buy1-head-pic3.png"/>
							</div>
							<p>2016-10-09 19:10:00</p>
						</div>
						<div class="buy-head-item-right fl">
							<p>03</p>
							<p>成功提交订单</p>
						</div>
					</div>
				</div>
				<div class="clear">
				</div>
					<!--订单提交-->
				<div class="buy-success1">
					<h1>订单提交成功，请您尽快付款</h1>
					<span class="buy3-span1">您的订单号：n3434973243 </span>
					<span class="buy3-span2">应支付金额：<b>299.00元</b></span>
					<p>立即支付299.00元，即可完成订单，请您在24小时内完成支付，否则订单会被自动取消。</p>
				</div>
				
				<div class="buy-commontitle">
					支付平台
				</div>
				
				<!--支付平台-->
				<div class="buy-padd">
					<div class="buy-check">
						<div class="buy3-span3">
							<input id="buy3-span3" type="checkbox"/>
						</div>
						<div class="buy3-img1">
						    <label for="buy3-span3"><img src="../img/other/buy1-head-pic4.png"/></label>
						</div>
						<div class="buy3-span4">
							<input id="buy3-span4" type="checkbox"/>
						</div>
						<div class="buy3-img2">
						    <label for="buy3-span4"><img src="../img/other/buy1-head-pic5.png"/></label>
						</div>
						<div class="buy3-span5">
							<input id="buy3-span5" type="checkbox"/>
						</div>
						<div class="buy3-img3">
						    <label for="buy3-span5"><img src="../img/other/buy1-head-pic6.png"/></label>
						</div>
					</div>
					<span>
							<input type="button" value="确定支付方式"/>
							<b>完成支付后，您可以：<a href="../personal/myorder.html">查看详情订单</a></b>
					</span>
				</div>
				
			</div>
			
			<!--底部-->
			<div class="product-bottom">
				<div class="product-bottom-item">
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								定
							</div>
							<span>100%个性定制</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								正
							</div>
							<span>100%正品保证</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								7
							</div>
							<span>7天闪电发货</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								退
							</div>
							<span>30天无忧退换</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								<img src="../img/other/product-bottom-pic1.png"/>
							</div>
							<span>365天客服热线</span>
						</div>
				</div>
			</div>
			
			
			<!--页脚-->
			<footer>
				<div class="footer-link">
					<div class="footer-pic fl">
						<img src="../img/other/footer-pic1.png"/>
					</div>
					<div class="footer-right fr">
						<ul>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">新手指南</a>
									</li>
									<li>
										<a href="../other/register.html">用户注册</a>
									</li>
									<li>
										<a href="#">定制流程</a>
									</li>
									<li class="footer-text-last"></li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">付款方式</a>
									</li>
									<li>
										<a href="#">支付方式</a>
									</li>
									<li>
										<a href="#">支付问题</a>
									</li>
									<li>
										<a href="#">常见问题</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">售后服务</a>
									</li>
									<li>
										<a href="../trade/Changing or Refunding/Application2.html">退款换货</a>
									</li>
									<li>
										<a href="#">配送方式</a>
									</li>
									<li>
										<a href="#">联系我们</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer-reg">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</footer>
			
			
		</div>
		
		
	</body>
</html>
